﻿<DemoPageSectionComponent Id="Editors-DateRangePicker-NullableDate" ShowSizeMode="true">
    <ChildContentWithParameters Context="Params">
        <label for="deNullableDate" class="demo-text cw-320 mb-1">Date Range</label>
        <DxDateRangePicker @bind-StartDate="@DateTimeStart"
                           @bind-EndDate="@DateTimeEnd"
                           NullText="Select a date range..."
                           ClearButtonDisplayMode="DataEditorClearButtonDisplayMode.Auto"
                           SizeMode="Params.SizeMode"
                           CssClass="cw-320"
                           InputId="deNullableDate">
        </DxDateRangePicker>
    </ChildContentWithParameters>

    @code {
        DateTime? DateTimeStart { get; set; } = DateTime.Today;
        DateTime? DateTimeEnd { get; set; } = DateTime.Today.AddDays(7);
    }

</DemoPageSectionComponent>
